.m-indexMain,.m-indexDetail{background-color:#fafafa}
.m-indexMain *,.m-indexDetail *{box-sizing:border-box}
.f-arrow-right:after{content:" >";font-family:simsun,serif}
.u-mtitle{height:auto}
.u-mtitleBtn{display:inline-block;border:solid #09924b;border-width:2px 4px 1px 4px;border-radius:5px;background-color:#09924b;color:#fff}
.u-index-more{padding-top:15px}
.u-index-more a{color:#09924b}
.u-index-more a:hover{text-decoration:underline}
.u-index-refreshBtn{display:inline-block;margin-left:.5em}
.u-index-refreshBtn:after{content:" ";position:relative;top:-0.15em;float:right;width:14px;height:14px;margin-left:.5em;background:url("images/refreshBtnIcon.png") no-repeat center}
.u-index-refreshBtn:hover:after{transform:rotate(-180deg);transition:.5s}
.u-index-refreshBtn:active:after{transform:rotate(180deg);transition:0s}
.m-openSpecial{padding-top:30px;margin-bottom:50px}
.u-openSpeciaItem{width:219px;margin-left:28px}
.u-openSpeciaItem:first-child{margin-left:0}
.u-openSpeciaItem .osiTag{z-index:10;padding:0 .5em;line-height:22px;background-color:#09924b}
.u-openSpeciaItem .osiImg{transition:.5s;height:123px}
.u-openSpeciaItem .osiImg img{display:block;width:100%;transition:.5s cubic-bezier(0,0.6,0.3,1)}
.u-openSpeciaItem .osiTitle{font-size:18px;margin-top:1em;line-height:1em;white-space:nowrap;transition:.25s}
.u-openSpeciaItem .osiSubtitle{display:none;padding:0 .5em;color:#09924b;border:1px solid;border-radius:48px;font-size:12px;line-height:1.34em;vertical-align:bottom}
.u-openSpeciaItem .osiDesc{margin-top:.75em;line-height:1.67em;transition:.25s}
.u-openSpeciaItem .osiDesc:hover{color:#999}
.u-openSpeciaItem:hover .osiImg img{transform:scale(1.1);transition:1s}
.u-openSpeciaItem:hover .osiTitle{color:#09924b}
@media screen and (min-width:1200px){.u-openSpeciaItem{width:270px;margin-left:33px;transition:.5s}
.u-openSpeciaItem .osiImg{height:150px}
.u-openSpeciaItem .osiSubtitle{display:inline-block}
.u-openSpeciaItem .osiSubtitle.hide{display:none}
}
.u-openVideoItem{width:180px;min-height:147px;margin-left:15px;margin-bottom:21px}
.u-openVideoItem.z-hide{opacity:0;transform:translateY(-20px)}
.u-openVideoItem .oviTag{z-index:10;padding:0 .5em;line-height:22px;background-color:#09924b}
.u-openVideoItem .oviImg{transition:.5s;background-color:#e6e6e6;height:100px}
.u-openVideoItem .oviImg img{display:block;width:100%;transition:.5s cubic-bezier(0,0.6,0.3,1)}
.u-openVideoItem .oviImgText{width:100%;bottom:0;padding:0 .5em;line-height:1.5em;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);background-color:rgba(0,0,0,0.6)}
.u-openVideoItem .oviTitle{height:1.25em;overflow:hidden;margin-top:.65em;font-size:14px;line-height:1.25em;white-space:nowrap;text-overflow:ellipsis;transition:.25s}
.u-openVideoItem .oviTitle.dl{white-space:normal;height:2.5em}
.u-openVideoItem .oviTitle.ml{overflow:visible;white-space:normal}
.u-openVideoItem .oviSubtitle{display:inline-block;padding:0 .5em;color:#09924b;border:1px solid;border-radius:48px;font-size:12px;line-height:1.34em;vertical-align:bottom}
.u-openVideoItem .oviSubtitle.hide{display:none}
.u-openVideoItem .oviSubInfo{margin-top:.35em;white-space:nowrap}
.u-openVideoItem .oviSubInfo:hover{color:#999}
.u-openVideoItem .oviViewCount{padding-left:18px;background:url("images/viewCountIcon.png") no-repeat 2px center}
.u-openVideoItem:hover .oviImg img{transform:scale(1.1);transition:1s}
.u-openVideoItem:hover .oviTitle{color:#09924b}
.u-openVideoItem.topItem{width:375px;margin-left:0}
.u-openVideoItem.topItem .oviImg{height:268px}
.u-openVideoItem.topItem .oviImgText{font-size:14px}
.u-openVideoItem.topItem .oviTitle{font-size:16px}
@media screen and (min-width:1200px){.u-openVideoItem{margin-left:20px;transition:.5s}
.u-openVideoItem.topItem{width:380px;margin-left:0}
.u-openVideoItem.topItem .oviImg{height:268px}
.u-openVideoItem.topItem .oviImgText{font-size:14px}
.u-openVideoItem.topItem .oviTitle{font-size:16px}
}
.m-openEC{margin-bottom:30px}
.m-openGYLList{padding-bottom:40px}
.m-openGYLList .u-openVideoItem{height:125px}
.m-openGYLList .u-openVideoItem:first-child{margin-left:0}
.m-indexDetail{background-color:#f0f0f0;padding-top:48px}
.m-categoryIndex{width:180px;height:315px;margin-right:15px;margin-bottom:55px;padding-top:28px;background:#888;transition:.5s}
.m-categoryIndex.short{height:295px}
.m-categoryIndex a{color:#fff}
.m-categoryIndex a:hover{text-decoration:underline}
.m-categoryIndex .ciTitle{font-size:24px;font-weight:normal;line-height:1.25em;text-align:center}
.m-categoryIndex .ciList{margin-top:20px;padding:0 24px 0 14px;font-size:14px}
.m-categoryIndex .ciList.shortList{padding:0 12px 0 26px}
.m-categoryIndex .ciList.shortList+.ciAll{margin-left:38px}
.m-categoryIndex .ciList>li{display:inline-block;margin-bottom:1.5em;margin-left:12px;width:4em;font-size:14px;text-align:left;white-space:nowrap}
.m-categoryIndex .ciAll{display:block;margin-left:26px}
@media screen and (min-width:1200px){.m-categoryIndex{margin-right:20px}
}
.m-ted{background-color:#970700}
.m-ted:hover{background-color:#800a08}
.m-gjgkk{background-color:#257397}
.m-gjgkk:hover{background-color:#145978}
.m-bbc{background-color:#4aa4fc}
.m-bbc:hover{background-color:#4095e8}
.m-yanj{background-color:#20673f}
.m-yanj:hover{background-color:#185c37}
.m-zggkk{background-color:#7e512a}
.m-zggkk:hover{background-color:#62320e}
.m-kehan{background-color:#7d9519}
.m-kehan:hover{background-color:#657b19}
.m-cloud{background-color:#10ae58}
.m-cloud:hover{background-color:#118a48}
.m-coursera{background-color:#0064b7}
.m-coursera:hover{background-color:#0a5191}
.m-indexb{background-color:#f0f0f0}
.u-votebtn{margin-bottom:35px;background-color:#fff;text-align:center;line-height:48px;font-size:14px}
.u-votebtn a{color:#09924b}
.u-stitle h2{line-height:1.2em}
.u-stitle span{padding:6px 0 0 10px}
.m-indexb .area{color:#666;padding:33px 0 16px;border-bottom:1px solid #ddd}
.m-indexb .areacon{line-height:20px;font-size:11px;padding-top:5px;overflow:hidden}
.m-indexb .areacon p{padding-top:10px;text-indent:2em}
.m-indexb .itemwrap{margin-right:-46px;padding-top:10px}
.m-indexb .item{background:#aaa;display:block;margin:0 45px 20px 0;float:left}
.m-indexb .item,.m-indexb .item img{width:80px;height:50px}
.m-indexb .lastarea{border:0;padding-bottom:30px}
@media screen and (min-width:1200px){.m-indexb .itemwrap{margin-right:-42px}
.m-indexb .item{margin:0 42px 20px 0}
}
#app_download_recommend{position:fixed;bottom:0;left:0;width:100%;z-index:99999;background:rgba(0,0,0,0.85)}
#app_download_recommend .wrapper{width:960px;margin:0 auto;position:relative}
#app_download_recommend #app_down_banner{width:100%}
#app_download_recommend .u-btn-close{position:absolute;display:inline-block;width:25px;height:25px;right:0;top:0;cursor:pointer}
@media screen and (min-width:1200px){#app_download_recommend .wrapper{width:1200px}
#app_download_recommend .u-btn-close{width:35px;height:35px}
}

